<template>
    <div class="singerText">
        <h1>歌手详情</h1>
        <div class="singerJianjie-box">
            <p v-for="item in singerDesc.jianjie">{{ item }}</p>
        </div>
        <div class="text-box">
            <div class="info" v-for="elem in singerDesc.text">
                <h1>{{ elem.ti }}</h1>
                <p>{{ elem.txt }}</p>
            </div>
        </div>
    </div>
</template>

<script>
import { lazyload, formatTime, debounce } from "../../utils/common";
import { createNamespacedHelpers } from "vuex";
const { mapState, mapMutations, mapActions } = createNamespacedHelpers(
    "singerDetails"
);
export default {
    data() {
        return {};
    },
    computed: {
        ...mapState(["singerDesc"]),
    },
    created() {},
    mounted() {
        this.getArtistDesc(this.$route.params._id);
    },
    beforeDestroy() {},
    methods: {
        ...mapActions(["getArtistDesc"]),
        ...mapMutations([""]),
    },
};
</script>

<style lang='scss' scoped>
@import "../../assets/sass/singerText.scss";
</style>